<template>
  <div class="thesismain">
    <el-button type="text" size="small" @click="handleEdit">查看</el-button>
    <el-table :data="tableData" border style="width: 100%">
      <el-table-column align="center" width="80" type="index" label="序号"></el-table-column>
      <el-table-column align="center" width="" prop="topicTitle.title" label="毕设方向"></el-table-column>
      <el-table-column align="center" width="" prop="topicTitle.teaName" label="指导老师"></el-table-column>
      <el-table-column align="center" width="" prop="topicTitle.grade" label="年级"></el-table-column>
      <el-table-column align="center" width="" prop="studentSelection.title" label="项目标题"></el-table-column>
      <el-table-column align="center" width="" prop="topicTitle.description" label="备注"></el-table-column>
      <el-table-column align="center" width="" label="操作">
        <template slot-scope="scope">
          <el-button type="text" size="small">查看</el-button>
          <el-button type="text" size="small">编辑</el-button>
        </template>
      </el-table-column>
    </el-table>

  </div>

</template>


<script>
    export default {
        name: 'thesismain',
        props: ['value'],
        data() {
            return {
                search: '',
                tableData2: [{
                    id: '12987122',
                    name: '成果管理系统',
                    teacher: '龙天才',
                    desc: '这是一个论文及成果管理系统',
                    state: '进行中',
                    isexamine: false,
                    TComment: '我是老师的评语',
                    starttime: "2019-10-10",
                    stoptime: '2019-12-31',
                    count: '12'
                }],
                tableData: this.value,
            }
        },
        methods: {
            handleEdit(index, row) {
                //this.$router.push("/student/index/information")
                console.log(this.value);
                console.log(this.tableData);
                this.tableData = this.value;
            }
        }, mounted() {
            console.log(this.tableData);
            console.log(this.value);
            this.tableData = this.value;
        }
    }
</script>


<style>
  .demo-table-expand {
    font-size: 0;
  }

  .demo-table-expand label {
    width: 90px;
    color: #bababa;
  }

  .demo-table-expand .el-form-item {
    margin-right: 0;
    margin-bottom: 0;
    width: 50%;
  }
</style>
